<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>管理</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<link rel="stylesheet" href="/admin/layuiadmin/layui/css/layui.css" media="all">
	<link rel="stylesheet" href="/admin/layuiadmin/style/admin.css" media="all">
	<style>
		@font-face {
			font-family: 'iconfont';  
			src: url('https://at.alicdn.com/t/font_2565954_q2snf28joy.woff2?t=1621766073287') format('woff2'),
			url('https://at.alicdn.com/t/font_2565954_q2snf28joy.woff?t=1621766073287') format('woff'),
			url('https://at.alicdn.com/t/font_2565954_q2snf28joy.ttf?t=1621766073287') format('truetype');
		}
		.iconfont{
			font-family:"iconfont" !important;
			font-size:16px;font-style:normal;
			-webkit-font-smoothing: antialiased;
			-webkit-text-stroke-width: 0.2px;
			-moz-osx-font-smoothing: grayscale;}
		.layui-layer-admin .layui-layer-ico {
			background: url("/admin/layuiadmin/gb.png") no-repeat!important;
			background-size:16px 16px!important;
		}
	</style>
</head>
<body>
<div class="layui-fluid">
	<div class="layui-card">
		<div class="layui-form layui-card-header layuiadmin-card-header-auto">
			<div class="layui-form-item">
				<div class="layui-inline">
					<label class="layui-form-label">ID</label>
					<div class="layui-input-block">
						<input type="text" name="id" placeholder="请输入" autocomplete="off" class="layui-input">
					</div>
				</div>
				<div class="layui-inline">
					<label class="layui-form-label">标题</label>
					<div class="layui-input-block">
						<input type="text" name="title" placeholder="请输入" autocomplete="off" class="layui-input">
					</div>
				</div>
				<div class="layui-inline">
					<label class="layui-form-label">订单id</label>
					<div class="layui-input-block">
						<input type="text" name="orderid" placeholder="请输入" autocomplete="off" class="layui-input">
					</div>
				</div>
				<div class="layui-inline">
					<label class="layui-form-label">用户</label>
					<div class="layui-input-block">
						<input type="text" name="uid" placeholder="请输入" autocomplete="off" class="layui-input">
					</div>
				</div>
				<div class="layui-inline">
					<label class="layui-form-label">支付时间</label>
					<div class="layui-input-block">
						<input type="text" name="paytime" placeholder="请输入" autocomplete="off" class="layui-input">
					</div>
				</div>
				<div class="layui-inline">
					<label class="layui-form-label">退款成功时间</label>
					<div class="layui-input-block">
						<input type="text" name="tuitime" placeholder="请输入" autocomplete="off" class="layui-input">
					</div>
				</div>
				<div class="layui-inline">
					<label class="layui-form-label">创建时间</label>
					<div class="layui-input-block">
						<input type="text" name="addtime" placeholder="请输入" autocomplete="off" class="layui-input">
					</div>
				</div>
				<div class="layui-inline">
					<label class="layui-form-label">退款原因</label>
					<div class="layui-input-block">
						<input type="text" name="tuimsg" placeholder="请输入" autocomplete="off" class="layui-input">
					</div>
				</div>
				<div class="layui-inline">
					<label class="layui-form-label">退款人员</label>
					<div class="layui-input-block">
						<input type="text" name="usertype" placeholder="请输入" autocomplete="off" class="layui-input">
					</div>
				</div>
				<div class="layui-inline">
					<label class="layui-form-label">人员id</label>
					<div class="layui-input-block">
						<input type="text" name="userid" placeholder="请输入" autocomplete="off" class="layui-input">
					</div>
				</div>
				<div class="layui-inline">
					<label class="layui-form-label">支付id</label>
					<div class="layui-input-block">
						<input type="text" name="payid" placeholder="请输入" autocomplete="off" class="layui-input">
					</div>
				</div>
				<div class="layui-inline">
					<label class="layui-form-label">退款金额</label>
					<div class="layui-input-block">
						<input type="text" name="tuimo" placeholder="请输入" autocomplete="off" class="layui-input">
					</div>
				</div>
				<div class="layui-inline">
					<label class="layui-form-label">支付金额</label>
					<div class="layui-input-block">
						<input type="text" name="paymo" placeholder="请输入" autocomplete="off" class="layui-input">
					</div>
				</div>
				<div class="layui-inline">
					<label class="layui-form-label">订单金额</label>
					<div class="layui-input-block">
						<input type="text" name="money" placeholder="请输入" autocomplete="off" class="layui-input">
					</div>
				</div>
				<div class="layui-inline">
					<label class="layui-form-label">商家</label>
					<div class="layui-input-block">
						<input type="text" name="merid" placeholder="请输入" autocomplete="off" class="layui-input">
					</div>
				</div>
				<div class="layui-inline">
					<button class="layui-btn layuiadmin-btn-useradmin" lay-submit lay-filter="LAY-user-front-search">
						<i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
					</button>
				</div>
			</div>
		</div>
		<div class="layui-card-body">
			<table class="layui-hide" id="LAY-user-managet" lay-filter="LAY-user-managet"></table>
			<script type="text/html" id="demo-toolbar-setRowChecked">
				<div class="layui-btn-container">
					{in name="$data.addrefund" value="$permis"}
					<button class="layui-btn layui-btn" lay-event="add">添加</button>
					{/in}
					{in name="$data.delrefund" value="$permis"}
					<button class="layui-btn layui-btn" lay-event="del">删除</button>
					{/in}
				</div>
			</script>			<script type="text/html" id="barDemo">
			{in name="$data.editrefund" value="$permis"}
				<a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit"><i class="layui-icon layui-icon-edit"></i>编辑</a>
			{/in}
			{in name="$data.delrefund" value="$permis"}
				<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i class="layui-icon layui-icon-delete"></i>删除</a>
			{/in}
			</script>
		</div>
	</div>
</div>
<script src="/admin/layuiadmin/layui/layui.js"></script>
<script src="/admin/js/public.js"></script>
<script>
	layui.config({
		base: '/admin/layuiadmin/' 
	}).extend({
		index: 'lib/index' 
	}).use(['index', 'useradmin', 'table'], function(){
		var $ = layui.$,form = layui.form,table = layui.table;
		table.render({
			elem: '#LAY-user-managet'
			,url: '/admin/pay/refund'
			,cols: [[
				{type: 'checkbox', fixed: 'left'}
				,{field:'id', width:110, sort: true, title: 'ID'}
				,{field:'title', title: '标题'}
				,{field:'orderid', title: '订单id'}
				,{field:'uid', title: '用户'}
				,{field:'paytime', title: '支付时间'}
				,{field:'tuitime', title: '退款成功时间'}
				,{field:'addtime', title: '创建时间'}
				,{field:'tuimsg', title: '退款原因'}
				,{field:'usertype', title: '退款人员'}
				,{field:'userid', title: '人员id'}
				,{field:'payid', title: '支付id'}
				,{field:'tuimo', title: '退款金额'}
				,{field:'paymo', title: '支付金额'}
				,{field:'money', title: '订单金额'}
				,{field:'merid', title: '商家'}
				,{fixed: 'right', title: '操作', width:220, align:'center', toolbar: '#barDemo'}
			]]
			,page: true
			,method:'post'
			,toolbar: '#demo-toolbar-setRowChecked'
		});
		form.on('submit(LAY-user-front-search)', function(data){
			var field = data.field;
			$.post("{:url('admin/pay/refund')}", field, function(data,state){});
			//执行重载
			table.reload('LAY-user-managet', {
				where: field
			});
		});
		table.on('tool(LAY-user-managet)', function(obj){
			var data = obj.data; //获得当前行数据
			var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
			var tr = obj.tr; //获得当前行 tr 的DOM对象
			if(layEvent === 'del'){ //删除
				layer.confirm('真的删除当前数据吗', function(index){
					obj.del(); //删除对应行（tr）的DOM结构，并更新缓存
					layer.close(index);
					var dataid=data['id'];
					//向服务端发送删除指令
					$.post(
						"{:url('admin/pay/delrefund')}",
						{"id":dataid},
						function(data,state){
							if(state != "success"){
								layer.msg("请求出错!");
							}else if(data.status == 1){
								table.reload('LAY-user-managet');
								layer.msg('已删除');
							}else{
								layer.msg(data.msg);
							}
						}
					);
				});
			}
			else if(layEvent === 'edit'){
				var id=data['id'];
				layer.open({
					type: 2
					,title: '修改退款记录'
					,content: 'editrefund.html'
					,maxmin: true
					,area: ['80%', '80%']
					,btn: ['确定', '取消']
					,success: function(layero,index){
						var body = layui.layer.getChildFrame('body', index);
						body.find("#id").val(id);
						body.find("#title").val(data['title']);
						body.find("#orderid").val(data['orderid']);
						body.find("#uid").val(data['uid']);
						body.find("#paytime").val(data['paytime']);
						body.find("#tuitime").val(data['tuitime']);
						body.find("#addtime").val(data['addtime']);
						body.find("#tuimsg").val(data['tuimsg']);
						body.find("#usertype").val(data['usertype']);
						body.find("#userid").val(data['userid']);
						body.find("#payid").val(data['payid']);
						body.find("#tuimo").val(data['tuimo']);
						body.find("#paymo").val(data['paymo']);
						body.find("#money").val(data['money']);
						body.find("#merid").val(data['merid']);
						form.render();
					}
					,yes: function(index, layero){
						var iframeWindow = window['layui-layer-iframe'+ index],submitID = 'LAY-user-front-submit',submit = layero.find('iframe').contents().find('#'+ submitID);
						//监听提交
						iframeWindow.layui.form.on('submit('+ submitID +')', function(data){
							var field = data.field; //获取提交的字段
							//提交 Ajax 成功后，静态更新表格中的数据
							//$.ajax({});
							$.post(
								"{:url('/admin/pay/editrefund')}",
								field,
								function(data,state){
									if(state != "success"){
										layer.msg("请求出错!");
									}else if(data.status == 1){
										layer.msg('修改成功');
										table.reload('LAY-user-managet'); //数据刷新
									}else{
										layer.msg(data.msg);
									}
								}
							);
							layer.close(index); //关闭弹层
						});
						submit.trigger('click');
					}
				});
			}
		});

		table.on('toolbar(LAY-user-managet)', function(obj){
			var checkStatus = table.checkStatus(obj.config.id); //获取选中行状态
			switch(obj.event){
				case 'add':
					layer.open({
						type: 2
						,title: '添加退款记录'
						,content: 'addrefund.html'
						,maxmin: true
						,area: ['80%', '80%']
						,btn: ['确定', '取消']
						,yes: function(index, layero){
							var iframeWindow = window['layui-layer-iframe'+ index],submitID = 'LAY-user-front-submit',submit = layero.find('iframe').contents().find('#'+ submitID);
							//监听提交
							iframeWindow.layui.form.on('submit('+ submitID +')', function(data){
								var field = data.field; //获取提交的字段
								//提交 Ajax 成功后，静态更新表格中的数据
								//$.ajax({});
								$.post(
									"{:url('/admin/pay/addrefund')}",
									field,
									function(data,state){
										if(state != "success"){
									layer.msg("请求出错!");
									}else if(data.status == 1){
									layer.msg('添加成功');
									table.reload('LAY-user-managet'); //数据刷新
									}else{
									layer.msg(data.msg);
									}
								}
							);
							layer.close(index); //关闭弹层
						});
						submit.trigger('click');
					}
				});
				break;
				case 'del':
					var dataid='';
					for(var i=0;i<checkStatus.data.length;i++){
						dataid=dataid+','+checkStatus.data[i]['id'];
					}
					layer.confirm('确定删除选中数据吗？', function(index) {
						$.post(
							"{:url('/admin/pay/delrefund')}",
							{"id":dataid},
							function(data,state){
								if(state != "success"){
									layer.msg("请求出错!");
								}else if(data.status == 1){
									table.reload('LAY-user-managet');
									layer.msg('已删除');
								}else{
									layer.msg(data.msg);
								}
							}
						);
					});
				break;
			}
		});
	});
</script>
</body>
</html>